<template>
  <div id="home">
    <section>
      <!--主体-->
      <el-button
        title="编辑器"
        type="primary"
        icon="el-icon-edit"
        circle
        @click="editer"
      ></el-button>
      <el-button
        title="嘿嘿嘿"
        icon="el-icon-s-grid"
        type="success"
        circle
        @click="drawer"
      ></el-button>
    </section>
  </div>
</template>

<script>
/* eslint-disable */
const ipcRenderer = require("electron").ipcRenderer;
export default {
  name: "home",
  data() {
    return {
    };
  },
  methods: {
    editer() {
      this.$router.push("/about");
    },
    /**
     * 打开抽屉
     */
    drawer() {
      ipcRenderer.send("drawer-on");
    }
  }
};
</script>

<style lang="scss" scoped>
#home {
  width: 100%;
  height: 100vh;
  section {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    .el-button {
      width: 60px !important;
      height: 60px;
      margin-right: 20px;
    }
  }
}
</style>
